<template>
    <view class="container">
        <view class="title">模拟通话系统</view>
        
        <button class="dial-btn" @click="goToDial">拨号盘</button>
    </view>
</template>

<script>
	export default {
    data() {
        return {
        };
    },
    methods: {
        goToDial() {
            uni.navigateTo({
                url: '/pages/dial/dial'
            });
        }
    }
};
</script>

<style scoped>
.container {
    display: flex;
    flex-direction: column;
    padding: 20rpx;
}

.title {
    font-size: 36rpx;
    text-align: center;
    margin: 50rpx 0;
    font-weight: bold;
}

.dial-btn {
    background-color: #007aff;
    color: white;
    height: 90rpx;
    line-height: 90rpx;
    font-size: 32rpx;
    margin-top: 50rpx;
}
</style>